<template>
  <a-row class="col-label-group-wrap" :gutter="gutter" :class="[spaceClass]"><slot /></a-row>
</template>
<script setup>
import { provide, toRefs } from 'vue'
const props = defineProps({
  gutter: {
    type: Number,
    default: 0
  },
  span: {
    type: Number,
    default: 24
  },
  space: {
    type: [String, Number],
    default: '',
  },
  labelWidth: {
    type: String,
    default: '',
  },
  labelAlign: {
    type: String,
    default: '',
  },
})

provide('colLabelKey', {...toRefs(props)})
</script>
<style lang="scss" scoped>
.col-label-group-wrap {
  display: flex;
  row-gap: 16px;
}
</style>
